@mixin box-align($start) {
  -webkit-box-align: $start;
  -webkit-align-items: $start;
  -ms-flex-align: $start;
  align-items: $start;
  -webkit-box-pack: $start;
  -webkit-justify-content: $start;
  -ms-flex-pack: $start;
  justify-content: $start;
}

operational-control-page{
  .operationl-segment-wrap {
    //padding: 0 1rem;
    font-size: 16px;
    > div {
      font-family: PingFangSC-Regular;
      color: #777777;
      letter-spacing: 0;
      height: 3.2rem;
      line-height: 3.2rem;
      //margin: 1rem 0;
      //background: #F1F7FF;
      //&:first-child {
      //  border-radius: .5rem 0 0 .5rem;
      //}
      //&:last-child {
      //  border-radius: 0 .5rem .5rem 0;
      //}
      &.active {
        background-image: linear-gradient(-135deg, #51B2F8 0%, #1C87E1 63%);
        color: white;
      }
    }
  }
  ion-content{
    .scroll-content{
      background: #1D3560 ;
      .slide-warp{
        height: 100%;
        left: 0;
        top: 0;
        position: relative;
        display: block;
        width: 100%;
        padding: 0 2rem;
        //[ng-reflect-ng-switch = 'target']{
        //  height: 100%;
        //  width: 100%;
          .target-wrap{
            height: 100%;
            width: 100%;
            .slide-warp-title{
              .icon {
                width: 1em; height: 1em;
                vertical-align: -0.15em;
                fill: currentColor;
                overflow: hidden;
                font-size: 18px;
              }
              color: white;
              font-size: 1.6rem;
              padding: 1.5rem 0;
            }

            .define-swiper-pagination{
              padding-bottom: 1rem;
              position: inherit;
              .swiper-pagination-bullet{
                background: none;
                opacity: 1;
                margin: 0 .5rem;
                border: 1px solid #727881;
                width: 5px;
                height: 5px;
                &.swiper-pagination-bullet-active{
                  background: white;
                  width: 10px;
                  height: 5px;
                  border-radius: 4px;
                  border: none;
                }
              }

            }

            ion-slides{
              //background: white;
              border-radius: 1rem;
              height: auto;
              ion-slide.define-slide {
                overflow: scroll;
                @include box-align(start);
              }
              .swiper-pagination{
                display: none;
              }
              .swiper-wrapper{
                border-radius: 1rem;
                ion-slide{
                  background: white;
                  border-radius: 1rem;
                }
              }

            }
          }
        //}


      }
    }


  }

}
